<ion-view view-title="市场容量">
    <ion-nav-buttons side="left">
        <a class="button button-icon ion-arrow-left-c" ng-click="goBack()"></a>
    </ion-nav-buttons>
    <ion-side-menus>
        <div class="tabs-striped tabs-top">
            <div class="tabs">
                <a  ng-if="access.list" ng-class="{'tab-item':true,'active': false }" href="#/capacity/list">查看</a>
                <a  ng-if="access.add" ng-class="{'tab-item':true,'active': false }" href="#/capacity/0">添加</a>
                <a  ng-if="access.stats" ng-class="{'tab-item':true,'active': true }" href="#/capacity/stats">统计</a>
            </div>
        </div>
        <ion-side-menu-content>
            <ion-content class="padding has-tabs-top">

                <div id="map-wrapper-div" class="clearfix">
                    <input type="button" id="map_previous" value="上一级" class="button button-small button-balanced">
                    <input type="button" id="map_next" value="下一级" class="button button-small button-balanced">
                    <div id="divMap" class="divMapSize"></div>
                </div>
                <hr/>
                <insert-date dateoption="dateOption"></insert-date>
                <input type='button' ng-click='getCapacity($event)' value='化肥市场容量统计' class='button button-small button-balanced'>
            </ion-content>
            <!--头部和内容结束-->
        </ion-side-menu-content>
    </ion-side-menus>
</ion-view>

<style type="text/css">
    .popover {
        border-radius: 0px !important;
        padding: 0px !important;
        width: 100% !important;
        left: 0px !important;
    }
</style>

<script id="stats-popover.html" type="text/ng-template">
    <ion-popover-view>
        <!--<ion-header-bar>-->
            <!--<h1 class="title">化肥市场容量统计</h1>-->
        <!--</ion-header-bar>-->
        <ion-content>
            <div class="text-center">{{statsMsg}}</div>
            <div id="divcapacity" class="divPieChartSize"></div>
        </ion-content>
    </ion-popover-view>
</script>
